<!DOCTYPE html>
<html lang="en">
<head>
    <title>付款列表二</title>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
    <link href="../css/commen.css" rel="stylesheet" type="text/css" />
    <script src="../../../scripts/boot.js" type="text/javascript"></script>
    <script src="../../../../js/dateUtil.js" type="text/javascript"></script>
</head>
<body>
<!-- <div id="formLayout" class="mini-layout" style="width:100%;height:97vh;" borderStyle="border:solid 1px #aaa;">
 -->  <div id="formTemplate" class="formTemplate" title="" region="north"  showSplitIcon="false" allowResize="false" showCollapseButton="false" style="height: 100%;">
    <div id="formToolbar">
        <div class="mini-toolbar" style="">
            <table style="width:100%;">
                <tr>
                    <td style="width:100%;">
                    <a class="mini-button" id="add" plain="true" iconCls="icon-add" onclick="add">增加</a>
                    <a class="mini-button" id="edit" plain="true" iconCls="icon-edit" onclick="edit">修改</a>
                    <a class="mini-button" id="save" plain="true" iconCls="icon-save" onclick="save">保存</a>
                    <a class="mini-button" id="remove" plain="true" iconCls="icon-remove" onclick="remove">删除</a>
                    <a class="mini-button" id="review" plain="true" iconCls="icon-lock" onclick="review">审核</a>
                    <a class="mini-button" id="abandonTrial" plain="true" iconCls="icon-unlock" onclick="abandonTrial">弃审</a>
                </td>
                </tr>
            </table>
        </div>
        <ul id="popupMenu" class="mini-menu" style="display:none;">

        </ul>
    </div>
    <div id="formName">
        <h1 style="text-align: center">付款单</h1>
        <table  style="width: 60%;padding: 70px 70px">
            <tr style="width: 60%;padding: 35px 70px">
                <td>
                    <div style="width:60px ;height: 50px">编码</div>
                </td>
                <td>
                    <div name="coding" style="width:150px ;height: 50px" class="mini-textbox"></div>
                </td>
                <td>
                    <div  style="width:60px ;height: 50px">单据日期</div>
                </td>
                <td>
                    <div name="documentDate" style="width:150px ;height: 50px" class="mini-datepicker"></div>
                </td>
                <td>
                    <div  style="width:80px ;height: 50px">制单人名称</div>
                </td>
                <td>
                    <div name="documentMaker" style="width:150px ;height: 50px" class="mini-textbox"></div>
                </td>
            </tr>
            <tr style="padding: 70px 70px">
                <td>
                    <div style="width:90px ;height: 50px">付款单据类型</div>

                </td>
                <td>
                    <div name="finalDocumentType" style="width:150px ;height: 50px" class="mini-textbox"></div>

                </td>
                <td>
                    <div style="width:90px ;height: 50px">付款单据编码</div>

                </td>
                <td>
                    <div name="finalDocumentCoding"  style="width:150px ;height: 50px" class="mini-textbox"></div>
                </td>
            </tr>
            <tr style="padding: 70px 70px">
                <td>
                    <div  style="width:90px ;height: 50px">应付总金额</div>

                </td>
                <td>
                    <div name="totalAmountPayable" style="width:150px ;height: 50px" class="mini-spinner" maxValue="1000000000000"></div>
                </td>
                <td>
                    <div style="width:90px ;height: 50px">实付总金额</div>

                </td>
                <td>
                    <div name="totalAmountPaid" style="width:150px ;height: 50px" class="mini-spinner" maxValue="1000000000000"></div>
                </td>
                <td>
                    <div style="width:90px ;height: 50px">剩余总金额</div>
                </td>
                <td>
                    <div name="residualTotal" style="width:150px ;height: 50px" class="mini-spinner" maxValue="1000000000000"></div>
                </td>
            </tr>
        </table>
    </div>

    <form id="formField" style="width:100%;height:calc(95vh - 70px);position:relative;">
        <div style="width: 800px">
            <div class="mini-toolbar" style="border-bottom: 0;padding: 0;" >
                <table style="width: 100%">
                    <tr>
                        <td style="width: 100%">
                            <a id = "addd" class="mini-button" iconCls="icon-add" onclick="addRow()" plain="true">新增行</a>
                            <a id = "removeRow" class="mini-button" iconCls="icon-remove" onclick="removeRows()" plain="true">删除行</a>
                            <a id = "copy" class="mini-button" iconCls="icon-remove" onclick="copyRow()" plain="true">复制行</a>
                            <span class="separator"></span>
                            <!--<a class="mini-button" iconCls="icon-save" onclick="saveData()" plain="true">保存</a>-->
                        </td>
                        <!--<td style="white-space: nowrap">-->
                            <!--<input id="key" class="mini-textbox" emptyText="请输入姓名" style="width:150px" onenter="onKeyEnter">-->
                            <!--<a class="mini-button" onclick="search()">查询</a>-->
                        <!--</td>-->

                    </tr>
                </table>
            </div>
            <div id="datagrid1" class="mini-datagrid" style="width:800px;height: 280px;"
                    allowResize="true"   allowCellEdit="true" allowCellSelect="true" multiSelect="true"
                    editNextOnEnterKey="true"  editNextRowCel="true" showPager="false"
                    allowCellValid="true" oncellendedit="cellendedit"
            >
                <div property="columns">
                    <div type="indexcolumn"></div>
                    <div type="checkcolumn"></div>
                    <div field="name" headerAlign="center">收款人姓名
                        <input property="editor" class="mini-textbox" style="width:100%;" minWidth="100"/>
                    </div>
                    <div field="payMentMethod" headerAlign="center">收款方式
                        <input property="editor" class="mini-textbox" style="width:100%;" minWidth="100"/>
                    </div>
                    <div field="payMentBank"  headerAlign="center">收款银行
                        <input property="editor" class="mini-textbox" style="width:100%;" minWidth="100"/>
                    </div>
                    <div field="bankAccount" headerAlign="center">银行卡号
                        <input property="editor" class="mini-textbox" style="width:100%;" minWidth="100"/>
                    </div>
                    <div field="amountPayable" headerAlign="center">应付金额
                        <input property="editor" class="mini-textbox" style="width:100%;" minWidth="100" maxValue="1000000000000"/>
                    </div>
                    <div field="amountPaid" headerAlign="center" vtype="required">实付金额
                        <input property="editor" class="mini-textbox" style="width:100%;" minWidth="100" maxValue="1000000000000"/>
                    </div>
                    <div field="surplusamount" headerAlign="center" vtype="required">剩余金额
                        <input property="editor" class="mini-textbox" style="width:100%;" minWidth="100" maxValue="1000000000000"/>
                    </div>
                </div>
            </div>
        </div>
    </form>
</div>
<script type="text/javascript" src="../js/Paymentsliplisttwo.js"></script>
</body>
</html>